{% extends 'base_backend.html' %}
{% load static %}
{% block section_content %}
    <div class="row" id="nav-app">
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-aqua">
                <div class="inner">
                    <p>待接收</p>
                    <h3 id="status2">{{ counts.0 }}</h3>
                </div>
                <div class="icon">
                    <i class="fa fa-coffee"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=2" target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-green">
                <div class="inner">
                    <p>已接收</p>
                    <h3 id="status3">{{ counts.1 }}<sup style="font-size: 20px"></sup></h3>
                </div>
                <div class="icon">
                    <i class="fa fa-sitemap"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=3"  target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-yellow">
                <div class="inner">
                    <p>待审核</p>
                    <h3 id="status4">{{ counts.2 }}</h3>
                </div>
                <div class="icon">
                    <i class="fa fa-list"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=4"  target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-red">
                <div class="inner">
                    <p>已合格</p>
                    <h3 id="status5">{{ counts.3 }}</h3>
                </div>
                <div class="icon">
                    <!--<i class="glyphicon glyphicon-star-empty"></i>-->
                    <i class="fa fa-bell"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=5"  target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-purple-gradient">
                <div class="inner">
                    <p>未合格</p>
                    <h3 id="status6">{{ counts.4 }}</h3>
                </div>
                <div class="icon">
                    <!--<i class="fa fa-adjust"></i>-->
                    <i class="fa fa-book"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=6"  target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-2 col-xs-4">
            <div class="small-box bg-gray-active">
                <div class="inner">
                    <p style="color: white;">已回收</p>
                    <h3 id="status0" style="color: white;">{{ counts.5 }}</h3>
                </div>
                <div class="icon">
                    <i class="fa fa-archive"></i>
                </div>
                <a href="{% url 'task:mine' %}?status=0"  target="_blank" class="small-box-footer">
                    详情&nbsp;
                    <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- 收入增长图 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">总收入增长图</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="incomeIncreasingMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 每月收入 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-warning">
                <div class="box-header with-border">
                    <h3 class="box-title">每月收入</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="incomeMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 任务总量增长趋势图 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">任务总量增长图</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="taskCountsIncreasingMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 每月领取任务量 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-warning">
                <div class="box-header with-border">
                    <h3 class="box-title">每月领取任务量</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="newTaskCountsMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 任务完成量增长图 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">任务完成量增长图</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="passedTaskCountsIncreasingMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 每月完成任务量 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-warning">
                <div class="box-header with-border">
                    <h3 class="box-title">每月完成任务量</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="passedTaskCountsMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 配置上传数量增长图 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">配置上传数量增长图</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="configCountsIncreasingMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
        <!-- 每月上传配置数量 -->
        <section class="col-md-6 connectedSortable">
            <div class="box box-warning">
                <div class="box-header with-border">
                    <h3 class="box-title">每月上传配置数量</h3>
                    <div class="box-tools pull-left">
                        <span class="label label-primary">最近6个月</span>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="configCountsMonthly" style="width:100%;height:280px;"></div>
                </div>
            </div>
        </section>
{#        <!-- 本月任务数量统计  -->#}
{#        <section class="col-md-6 connectedSortable">#}
{#            <div class="box box-primary">#}
{#                <div class="box-header with-border">#}
{#                    <h3 class="box-title">本月任务数量统计</h3>#}
{#                    <div class="box-tools pull-left">#}
{#                        <span class="label label-primary">本月内</span>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="collapse">#}
{#                            <i class="fa fa-minus"></i>#}
{#                        </button>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="remove">#}
{#                            <i class="fa fa-times"></i>#}
{#                        </button>#}
{#                    </div>#}
{#                </div>#}
{#                <div class="box-body">#}
{#                    <div id="taskCountsThisMonth" style="width:100%;height:280px;"></div>#}
{#                </div>#}
{#            </div>#}
{#        </section>#}
{#        <!-- 各时间间隔缓存任务队列 -->#}
{#        <section class="col-md-6 connectedSortable">#}
{#            <div class="box box-primary">#}
{#                <div class="box-header with-border">#}
{#                    <h3 class="box-title">各时间间隔缓存任务队列</h3>#}
{#                    <div class="box-tools pull-left">#}
{#                        <span class="label label-primary">正常值 < 10000</span>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="collapse">#}
{#                            <i class="fa fa-minus"></i>#}
{#                        </button>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="remove">#}
{#                            <i class="fa fa-times"></i>#}
{#                        </button>#}
{#                    </div>#}
{#                </div>#}
{#                <div class="box-body">#}
{#                    <div id="commentsCacheQueue" style="width:100%;height:280px;"></div>#}
{#                </div>#}
{#            </div>#}
{#        </section>#}
{#        <!-- 采集时间差 -->#}
{#        <section class="col-lg-6 connectedSortable">#}
{#            <div class="box box-warning">#}
{#                <div class="box-header with-border">#}
{#                    <h3 class="box-title"><a href="/comments/timedelta/">评论采集时间差</a></h3>#}
{#                    <div class="box-tools pull-left">#}
{#                        <span class="label label-warning">今日全体</span>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="collapse">#}
{#                            <i class="fa fa-minus"></i>#}
{#                        </button>#}
{#                        <button type="button" class="btn btn-box-tool" data-widget="remove">#}
{#                            <i class="fa fa-times"></i>#}
{#                        </button>#}
{#                    </div>#}
{#                </div>#}
{#                <div class="box-body">#}
{#                    <div id="timedelta" style="width:100%;height:280px;"></div>#}
{#                </div>#}
{#            </div>#}
{#        </section>#}
    </div>
{% endblock section_content %}

{% block jquery_js %}

{% endblock jquery_js %}

{% block body_tail %}
    <!-- page script -->
    <script type="text/javascript" src="{% static 'plugins/echarts/extension/dataTool.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'plugins/echarts/echarts-all-3.js' %}"></script>
    <script src="{% static 'dist/js/demo.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/dark.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/infographic.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/macarons.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/roma.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/shine.js' %}"></script>
    <script src="{% static 'zhongbao/js/theme/vintage.js' %}"></script>
    <script type="text/javascript" src="{% static 'zhongbao/js/csrf.js' %}"></script>
    <script type="text/javascript" src="{% static 'zhongbao/js/util.js' %}"></script>
    <script type="text/javascript" src="{% static 'zhongbao/task/js/task_main.js' %}"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $.ajaxSetup({
                data: {csrfmiddlewaretoken: '{{ csrf_token }}'}
            });
        });
    </script>
{% endblock body_tail %}